import React from "react";
import '../css/Home.css'
import { Link } from 'react-router-dom'

import {
    HashRouter,
    Switch,
    Route,
} from "react-router-dom"

import xiaomi from './xiaomi';
import xinwen from "./xinwen";
import fazhan from "./fazhan";
import gaunxi from "./gaunxi";
import guanli from "./guanli";
import jianjie from "./jianjie";
import jiaru from "./jiaru";
import women from "./women"
import login from "./login"


class Home extends React.Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <HashRouter>
              
                <div>
                    <div className="home_header_container">
                        <div className="home_title_container">
                            <ul>
                                <li>小米商城</li>
                                <li>MIUI</li>
                                <li>loT</li>
                                <li>云服务</li>
                                <li>天星数科</li>
                                <li>有品</li>
                                <li>小爱开放平台</li>
                                <li>企业团购</li>
                                <li>资质证照</li>
                                <li>协议规则</li>
                                <li>下载App</li>
                                <li>智能生活</li>
                                <li><Link to="/login">登录</Link></li>
                                <li>注册</li>
                                <li>消息通知</li>
                            </ul>
                        </div>
                    </div>
                    <div className="home_title_wrap">
                        <ul>
                            <li>全部商品分类</li>
                            <li>小米手机</li>
                            <li>Redmi红米</li>
                            <li>电视</li>
                            <li>笔记本</li>
                            <li>家电</li>
                            <li>路由</li>
                            <li>智能硬件</li>
                            <li>服务</li>
                            <li>社区</li>
                            <input />
                        </ul>
                    </div>
                    <div className="home_a_container">
                        <a href="#">首页</a>  /
               <a href="#">关于小米</a>
                    </div>

           
                        <div className="home_container">
                            <div><Link to="/jianjie">公司简介</Link></div>
                            <div><Link to="/guanli">管理团队</Link></div>
                            <div><Link to="/xiaomi">小米文化</Link></div>
                            <div><Link to="/fazhan">发展经历</Link></div>
                            <div><Link to="/xinwen">小米新闻</Link></div>
                            <div><Link to="/jiaru">加入小米</Link></div>
                            <div><Link to="/gaunxi">投资者关系</Link></div>
                            <div><Link to="/women">关于我们</Link></div>
                        </div>
             
                    <div>
                        <Route path="/jianjie" component={jianjie} />
                        <Route path="/guanli" component={guanli} />
                        <Route path="/xiaomi" component={xiaomi} />
                        <Route path="/fazhan" component={fazhan} />
                        <Route path="/xinwen" component={xinwen} />
                        <Route path="/jiaru" component={jiaru} />
                        <Route path="/gaunxi" component={gaunxi} />
                        <Route path="/women" component={women} />
                        <Route path="/login" component={login} />
                    </div>

                </div>
              
            </HashRouter>
        )
    }

}
export default Home;